﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Template.Master" AutoEventWireup="true" CodeBehind="Details.aspx.cs" Inherits="PHTShop.WebForm7" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    


    <style type="text/css">
        .smallphoto
        {
            cursor:pointer;
            opacity:1;
        }
        .smallphoto:hover
        {
            opacity:1;
        }
        
    </style>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div class="crumb_nav">
            <a href="Default.aspx"><label id="lblHome" runat="server" meta:resourcekey="lblHome"> home</label></a> &gt;&gt; <label runat="server" id="lblProductName">product name</label>
            </div>
            <div class="title"><span class="title_icon"><h:graphicImage library="user/images" name="bullet1.gif"></h:graphicImage></span>
               
            <asp:Label ID="LabelProducName" runat="server" Text=""></asp:Label></div>

        	
         

              	<div class="feat_prod_box_details">
            
            	<div class="prod_img"><a href='<%# "Cart.aspx?productsId=" + Eval("productsId") %>'><img src="" alt="" title="" border="0" runat="server" id="photoName" width="98" height="150" /></a>
                <br /><br />
                <a href="images/big_pic.jpg" rel="lightbox" runat="server" id="ahref"><img src="images/zoom.gif" alt="" title="" border="0" /></a>
                </div>
                
                <div class="prod_det_box">
                	<div class="box_top"></div>
                    <div class="box_center">
                    <div class="prod_title"><label id="lblDetails" runat="server" meta:resourcekey="lblDetails">Details</label></div>
                    <p class="details"><asp:Literal ID="LiteralDetails" runat="server"></asp:Literal> </p>

                    

                    <div class="price"><strong id="lblPrice" runat="server" meta:resourcekey="lblPrice">PRICE:</strong> <span class="red" runat="server" id="price"> $</span></div>

                    <div class="price"><strong id="lblColors" runat="server" meta:resourcekey="lblColors">COLORS:</strong>
                     
                        <asp:Repeater ID="RepeaterPictures" runat="server">
                            <ItemTemplate>
                                 <span class="colors"><img src='<%# Eval("name") %>' alt="" title="" border="0" width="16" height="16" /></span>
                            </ItemTemplate>
                        </asp:Repeater>                  
                               </div>

                    <asp:HiddenField ID="HiddenField" runat="server" />

                   
                    <a class="more" runat="server" id="OrderNow" onserverclick="OrderNow_click"><img src="images/order_now.gif" alt="" title="" border="0" /></a>

                    <div class="clear"></div>
                    </div>
                    
                    <div class="box_bottom"></div>
                </div>    
            <div class="clear"></div>
            </div>	
            
              
            <div id="demo" class="demolayout">

                <ul id="demo-nav" class="demolayout">
                <li><a class="active" href="#tab1" id="aMoredetails" runat="server" meta:resourcekey="aMoredetails">More details</a></li>
                <li><a class="" href="#tab2" id="aRelatedBooks" runat="server" meta:resourcekey="aRelatedBooks">Related books</a></li>
                </ul>
    
            <div class="tabs-container">
            
                    <div style="display: block;" class="tab" id="tab1">
                                        <p class="more_details">
                                            <asp:Literal ID="LiteralMoreDetails" runat="server"></asp:Literal>
                                        </p>
                                                     
                    </div>	
                    
                            <div style="display: none;" class="tab" id="tab2">


                 
                            <asp:Repeater ID="RepeaterRelated" runat="server">
                                <ItemTemplate>
                                
                                   <div class="new_prod_box">
                                                        <a href='<%# "Details.aspx?productsId=" + Eval("prolg.productsId") %>'><%# Eval("prolg.name")%></a>
                                                        <div class="new_prod_bg">
                                                        <a href='<%# "Details.aspx?productsId=" + Eval("prolg.productsId") %>'><img src='<%# Eval("photoName") %>' alt="" title="" class="thumb" border="0" width="60" height="90"/></a>
                                                        </div>           
                                                    </div>

                                </ItemTemplate>
                            </asp:Repeater>


                   
                    <div class="clear"></div>
                            </div>	
            
            </div>


			</div>

</asp:Content>
